<template>
	<view class="login-container">
		<u-image src="/static/image/logo.jpg" mode="aspectFill" class="default-avatar"></u-image>
		<text class="login-tip">登录后享受更多功能</text>
		<u-button type="primary" color="#FFB900" text="微信快捷登录" @click="loginByWechat" class="login-btn"></u-button>
	</view>
</template>

<script>
</script>

<style>
	.login-container {
		display: flex;
		padding: 80rpx 0;
		text-align: center;
		flex-direction: column;
		justify-content: center;
		
	}
	.default-avatar {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		margin: 0 auto 40rpx;
		background-color: #E5E9F2;
		padding: 20rpx;
		align-self: center;
	}

	.login-tip {
		font-size: 28rpx;
		color: #999999;
		display: block;
		margin-bottom: 40rpx;
	}

	.login-btn {
		width: 500rpx;
		margin: 0 auto;
		font-size: 32rpx;
	}
</style>